#wrap {width: 100%;position: relative;left:0;top:-80px;z-index:4;/* height:100%; */overflow: hidden;}
#wrap p {width:99.3%!important;color: #000;margin-bottom: 5px;margin-top: 25px;padding: 10px 0 10px 12px;text-transform: uppercase;border-bottom:solid 1px #caa87b;display: inline-block;}
#gallery {margin-left: auto;margin-right: auto;width: 100%;padding:0% 4%;/* background-color:#f4ebe0; */margin-top: 150px;height: 100%;overflow:auto;}
#gallery.content-gallery {background-color: transparent;height: auto;margin-left: auto;margin-right: auto;margin-top: 0;overflow: auto;padding: 0;width: 100%;}
btn {display:inline-block;box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3), 0 -30px 30px -15px #00329B inset, 0 1px 0 rgba(255,255,255,0.3) inset;background:#0088CC;background-repeat:repeat-x;color:#FFF;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-radius:6px;padding:14px 24px;-webkit-transition:0.15s;transition:0.15s;}
.btn:hover {background:#0068BA;}
.btn:active {box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3), 0 -30px 30px -15px #00329B inset, 0 0 6px #00243F inset;}
#pbOverlay.show ~ #wrap {
-webkit-filter:blur(2px) grayscale(.4);}
.main {float:left;font-size:1.1em;width:36%;color:#FFF;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:'Cuprum';}
.main h1 {line-height:0.75;font-size:6.2em;margin:0;text-indent:1%;font-family:'Romanesco';}
.main small {color:inherit;}
.main h2 {font-size:1.7em;color:#FF1668;line-height:1.2;margin:0;font-family:'Romanesco';}
.main p {margin:15px 0;}
.main footer {margin-top:50px;text-shadow:none;font-size:0.9em;}
.main footer .copy {font-family:Tahoma;font-size:1.2em;font-weight:bold;margin:0 3px;opacity:0.35;}
.main footer a {margin-left:10px;color:#D8FF16;border-radius:4px;position:relative;-webkit-transition:0.2s;-ms-transition:0.2s;transition:0.2s;}
.main footer a:hover {text-decoration:none;color:#FFF; /* box-shadow:0 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.2); */}
.main footer a::after {content:'\203A';font-size:2em;line-height:0.8;margin-left:-10px;display:inline-block;vertical-align:top;opacity:0;pointer-events:none;-webkit-transition:0.15s ease-out;-ms-transition:0.15s;transition:0.15s ease-out;}
.main footer a:hover::after {opacity:1;margin-left:5px;}

#gallery li {list-style:none;perspective:100px;-webkit-perspective:100px;margin:5px;/* float:left; */position:relative;transition:.1s;-webkit-transition:0.1s;display: inline-block;}
#gallery li.video::before {content:'\25BA';color:#FFF;font-size:20px;height:20px;width:20px;line-height:0.9;position:absolute;bottom:3px;left:4px;z-index:1;background:rgba(0,0,0,0.4);box-shadow:0 0 0 3px rgba(0,0,0,0.4);border-radius:0 3px 0 0;pointer-events:none;opacity:0;transition:.5s 0.2s;}
#gallery li.loaded.video::before {opacity:1;}
#gallery a {display:block;width:193px;height:120px;vertical-align:bottom;overflow:hidden;background:rgba(0,0,0,0.1);transition:.4s ease-out;-webkit-transition:0.4s ease-out;-webkit-transform:rotateX(90deg) translate(-50px, -50%);transform:rotateX(90deg) translate(-50px, -50%);}
#gallery a:active, #gallery a:focus {outline:none;}
#gallery a img {min-height:100%;width:100%;transition:.3s ease-out;-webkit-transition:0.3s ease-out;}
#gallery .loaded a {-webkit-transform:rotateX(0deg) translate(0, 0);transform:rotateX(0deg) translate(0, 0);}
#gallery li.loaded:hover {
}
#gallery li.loaded a:hover {box-shadow:0 0 0 1px #FFF, 0 0 10px 1px #000;transition:.1s;-webkit-transition:0.1s;}
#gallery li.loaded:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);}
#gallery li.loaded.video:hover::before {opacity:0;}
	
/*------- media queries -----------*/
@media all and (max-width:700px) {
body {background-position:0 0;background-attachment:inherit;box-shadow:none;}
.main, #gallery {float:none;width:auto;font-size:0.9em;margin-top: 80px;}
.main h1 {font-size:5.2em;}
.main h2 {font-size:1.5em;}
.btn {position:absolute;right:10px;top:26px;}
#gallery li {margin:0;width: 24%;}
#gallery a {width: 100%;height:50px;}
#gallery li.loaded:hover img, #gallery li.loaded:hover {transform:none;-webkit-transform:none;}
.main footer {margin:10px 0;}
}
#pbOverlay.show {opacity:1;pointer-events:auto;}
#pbOverlay {opacity:0;overflow:hidden;width:100%;height:100%;position:fixed;z-index:9999;left:0;top:0;text-align:center;pointer-events:none;-moz-user-select:none;background:rgba(0,0,0,0.85);background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%);-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition:opacity 300ms ease;-ms-transition:opacity 300ms ease;transition:opacity 300ms ease;}
#pbOverlay.msie {background-color:rgba(0,0,0,.6);}
#pbOverlay.msie.pbLoading .wrapper {background:url('../images/loading.gif.html') no-repeat center center;}
 @keyframes pbLoaderFrames {
50% {
height:5px;}
}
@-webkit-keyframes pbLoaderFrames {
50% {
height:5px;}
}
#pbOverlay .pbLoader {visibility:hidden;opacity:0;pointer-events:none;-webkit-transform:scale(.2);transform:scale(.2);position:absolute;z-index:999;top:50%;left:50%;margin:-50px 0 0 -50px;text-align:center;border-radius:100%;box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;width:100px;height:100px;transition:0.3s;-webkit-transition:0.2s;}
#pbOverlay.thumbs .pbLoader {margin-top:-100px;}
#pbOverlay.pbLoading:not(.msie):not(.error) .pbLoader {visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
#pbOverlay .pbLoader b {display:inline-block;vertical-align:middle;margin:0 2px;width:8px;height:60px;border-radius:5px;background:rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-animation:.9s pbLoaderFrames infinite linear;animation:.9s pbLoaderFrames infinite linear;}
#pbOverlay .pbLoader b:nth-child(2) {-webkit-animation-delay:.3s;animation-delay:.3s;}
#pbOverlay .pbLoader b:nth-child(3) {-webkit-animation-delay:.6s;animation-delay:.6s;}
#pbOverlay .wrapper:after, #pbCaption .pbThumbs ul:after, #pbOverlay .prevNext:after, #pbOverlay .pbLoader:before {content:"";display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle;}

/* Animation when image was not loaded */
@keyframes deadImage {
50% {
text-shadow:0 0 25px rgba(255,255,255,.5);
transform:scale(0.85);}
}
@-webkit-keyframes deadImage {
50% {
text-shadow:0 0 25px rgba(255,255,255,.5);
-webkit-transform:scale(0.85);}
}
#pbOverlay .wrapper {-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;height:100%;perspective:1200px;-webkit-perspective:1200px;position:relative;}
#pbOverlay.video .wrapper {z-index:11;display:inline-block;}
/*#pbOverlay.error .wrapper{ display:inline-block; width:100%; }*/
	#pbOverlay.pbLoading .wrapper {display:inline-block\9;width:100%;} /* ie8+9 hack */
#pbOverlay .wrapper:before {content:'\2716';color:transparent;text-shadow:0 2px 35px rgba(255,255,255,0);font-size:0;vertical-align:middle;cursor:default;-webkit-transition:text-shadow .7s ease-out;transition:text-shadow .7s ease-out;}
#pbOverlay.error .wrapper:before {font-size:22em;text-shadow:0 0 0 #FFF;-webkit-animation:2s 1s deadImage infinite linear;animation:2s 1s deadImage infinite linear;}
#pbOverlay.thumbs .wrapper {margin-top:-50px;padding:50px 0;}
#pbOverlay.error .wrapper img {width:0;}
#pbOverlay .wrapper > div {display:none;width:624px;height:351px;vertical-align:middle;border-radius:5px;background:rgba(0,0,0,0.5);}
#pbOverlay.video .wrapper > div {display:inline-block;}
#pbOverlay iframe, #pbOverlay embed, #pbOverlay object {display:block;width:100%;height:100%;opacity:1;transition:0.5s;}
#pbOverlay .wrapper .hide iframe {opacity:0;}
#pbOverlay.show .wrapper > * {-ms-transition:.3s .5s ease-out;-webkit-transition:.8s .5s cubic-bezier(0.1, 0.8, 0.5, 1.03);transition:.8s .5s cubic-bezier(0.1, 0.87, 0.48, 1);-webkit-transform:none;-ms-transform:none;transform:none;-webkit-backface-visibility:hidden;box-shadow:0 0 20px #000;}
#pbOverlay .wrapper > *, #pbOverlay.hide .wrapper > .prepare {display:inline-block;opacity:1;vertical-align:middle;transform:scale(0) rotateX(80deg);-webkit-transform:scale(0) rotateX(80deg);-ms-transform:scale(0) rotateX(80deg);border-radius:6px;border:none;max-height:95%;max-width:100%;}
#pbOverlay.on .wrapper > * {transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;}
#pbOverlay .wrapper .zoomable {transition:.1s;-webkit-transition:.1s;-ms-transition:.1ms;position:relative;z-index:9;}
#pbOverlay.hide .wrapper > * {transform:scale(1.2);-webkit-transform:scale(1.2);transform:none\9;opacity:0;-webkit-transition:.4s ease-in;-ms-transition:.4s ease-in;transition:.4s ease-in;}
/*-- close button --*/
#pbCloseBtn, #pbAutoplayBtn {position:absolute;top:-50px;right:-50px;z-index:999;display:block;padding:0 0 20px 20px;text-align:center;cursor:pointer;color:#FFF;transition:.3s .3s ease-out;-webkit-transition:.2s .3s ease-out;}
.hide #pbCloseBtn {top:-50px;right:-50px;}
.on #pbCloseBtn {top:-2px;right:-2px;}
#pbCloseBtn:before {content:'\00D7';font-weight:bold;}
#pbCloseBtn:before, #pbAutoplayBtn:before {display:inline-block;height:35px;width:35px;padding:8px 8px 12px 12px;font-size:2em;opacity:0.8;line-height:.7;vertical-align:middle;background:rgba(255,255,255,0.2);border-radius:0 0 0 70px;transition:0.1s ease-out;-webkit-transition:0.1s ease-out;}
#pbCloseBtn:hover:before {padding:15px 10px 24px 24px;background:rgba(255,100,100,.4);}
/*-- autoplay controller --*/
#pbAutoplayBtn {display:none;right:auto;left:-50px;padding:0;width:50px;height:50px;font-size:13px;}
.hasAutoplay #pbAutoplayBtn {display:block;}
#pbAutoplayBtn:hover {width:60px;height:60px;}
.on #pbAutoplayBtn {top:0px;left:0px;transition:.1s ease-out;-webkit-transition:.1s ease-out;}
#pbAutoplayBtn:before {content:'\2016';width:100%;height:100%;border-radius:0 0 70px 0;font-weight:bold;padding:0;text-indent:-6px;line-height:1.6;}
#pbAutoplayBtn:active:before {text-shadow:0 0 3px #FFF, 0 0 6px #FFF;}
#pbAutoplayBtn.play:before {content:'\25BA';}
#pbAutoplayBtn .pbProgress {display:none\9;width:100%;height:100%;overflow:hidden;position:absolute;padding:6px;top:0;left:0;opacity:0.2;transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:0.4s;-ms-transition:0.4s;transition:0.4s;}
#pbAutoplayBtn.playing .pbProgress {-webkit-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);}
#pbAutoplayBtn .pbProgress:before {content:'';position:absolute;right:0;bottom:0;width:200%;height:200%;border-radius:50%;box-shadow:0 0 0 8px #FFF inset;}
#pbCaption, .hide #pbCaption {position:absolute;z-index:999;bottom:-110px;width:100%;-webkit-transition:0.4s;transition:0.4s;}
.show.on #pbCaption {bottom:5px;transition-delay:.5s;-webkit-transition-delay:.5s;}
#pbCaption .title, #pbCaption .counter {display:inline-block;color:#FFF;margin:0 6px;}
#pbCaption .counter {opacity:.55;}
.pbCaptionText {-webkit-transition:.3s;transition:.3s;opacity:0.9;font-weight:bold;font-size:.9em;text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.pbCaptionText.change {-webkit-transform:translateY(25px);transform:translateY(25px);opacity:0;}
#pbOverlay .pbThumbs {display:none;-webkit-transition:0.35s;transition:0.35s;}
#pbOverlay.thumbs .pbThumbs {display:block;width:100%;padding:5px 0 2px;overflow:hidden;}
#pbCaption .pbThumbs:hover {clear:both;}
#pbCaption .pbThumbs ul {display:inline-block;position:relative;list-style:none;height:80px;padding:0 5px;margin:0;white-space:pre;transition:0.2s;-webkit-transition:0.2s;}
#pbCaption .pbThumbs ul:after {vertical-align:bottom;}
#pbCaption .pbThumbs li {display:inline-block;vertical-align:bottom;height:70%;opacity:.6;text-align:center;position:relative;transition:0.15s;-webkit-transition:0.15s;}
#pbCaption .pbThumbs li.active {height:100%;opacity:1;}
#pbCaption .pbThumbs li:hover {height:100%;opacity:1;}
#pbCaption .pbThumbs li.video::before {content:'\25BA';color:#FFF;font-size:20px;height:20px;width:20px;line-height:0.9;position:absolute;bottom:4px;left:7px;background:rgba(0,0,0,0.4);box-shadow:0 0 0 3px rgba(0,0,0,0.4);border-radius:0 3px 0 0;pointer-events:none;}
#pbCaption .pbThumbs a {height:100%;padding:0 2px;display:block;-moz-user-select:none;}
#pbCaption .pbThumbs li:hover a {
}
#pbCaption .pbThumbs img {height:96%;min-height:95.9%;border:2px solid #FFF;max-width:none;border-radius:0;transition:0.15s;-webkit-transition:0.15s;}
#pbCaption .pbThumbs li:hover img {min-height:96%;} /* fix a bug in Chrome and Opera */
#pbCaption .pbThumbs li.fast a img {transition:none;-webkit-transition:none;}
#pbCaption .pbThumbs li.active a img {border-color:#D8FF16;min-height:96%;}
#pbOverlay .prevNext {display:none;background:rgba(0,0,0,0);position:absolute;z-index:10;height:100%;width:35%;padding:80px 0;opacity:0;box-sizing:border-box;-moz-box-sizing:border-box;top:0;transition:.2s ease-out;-webkit-transition:.2s ease-out;text-shadow:0 0 12px #000, 0 0 10px #FFF;cursor:pointer;}
#pbOverlay.hasArrows .prevNext {display:block;}
#pbOverlay.on .prevNext:hover {opacity:.5;}
#pbOverlay.on .prevNext:active {transition:80ms;opacity:1;text-shadow:0 0 16px #FFF, 0 0 10px #000;}
.prevNext b {display:inline-block;vertical-align:middle;transition:.2s ease-in;-webkit-transition:.2s ease-in;}
.prevNext:hover b {transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985);-webkit-transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985);}
#pbPrevBtn b {transform:scale(.4) translateX(350px);-webkit-transform:scale(.4) translateX(350px);}
#pbNextBtn b {transform:scale(.4) translateX(-350px);-webkit-transform:scale(.4) translateX(-350px);}
/* */
	#pbPrevBtn b:before, #pbNextBtn b:after {display:inline;line-height:.3;font-size:18em;font-weight:normal;color:#FFF;font-family:Arial;}
#pbPrevBtn b:before {content:'\2039';}
#pbNextBtn b:after {content:'\203A';}
/* */
	#pbOverlay.on #pbPrevBtn:hover b {transform:scale(1) translateX(20px);-webkit-transform:scale(1) translateX(20px);}
#pbOverlay.on #pbNextBtn:hover b {transform:scale(1) translateX(-20px);-webkit-transform:scale(1) translateX(-20px);}
#pbOverlay.show #pbPrevBtn, #pbOverlay.show #pbNextBtn {
}
#pbOverlay.show #pbPrevBtn {left:0;text-align:left;}
#pbOverlay.show #pbNextBtn {right:0;text-align:right;}

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px) {
#pbOverlay .wrapper img, #pbOverlay.hide .wrapper img.prepare {max-height:100%;}
#pbOverlay.thumbs .wrapper {padding:0;margin:0;}
#pbOverlay .pbThumbs {margin-bottom:-60px;}
#pbOverlay .pbThumbs.show {margin:0;}
#pbCaption .pbThumbs ul {height:50px;}
#pbCaption .pbThumbs li {height:100%;opacity:1;}
#pbCaption .pbThumbs li img {min-height:96.5%;}
}
/* fix for Chrome */
@media all and (max-width:710px) {
#pbCaption .pbThumbs li.active a img {min-height:96%;}
}



#background-gallery{ width:100%; height:100%; background-image:url(../images/banner/vijitresort-activities01.jpeg)}
.bg-black{ width:100%; height:100%; position:absolute; background-color: rgba(0,0,0,0.7); float:left; z-index:3}